<ion-view view-title="首页">
	<div class="bar bar-header bar-assertive">
		 <button class="button button-clear icon ion-android-search"></button>
		<h1 class="title"><span>小红书</span>
			<!--<button class="button button-clear ion-chevron-down" ng-click="showMenu($event)"></button>-->
		</h1>
		 <button class="button button-clear icon ion-android-camera"></button>
	</div>
	<script id="pop.html" type="text/ng-template">
        <ion-popover-view class="pop-nav">
            <p class="quanbu-p">全部选项</p>
        	<ul class="list">
			    <li class="itemss">
			      <a href="" class="pop-active" ng-click="selectPage(1)">推荐</a>
			    </li>
			     <li class="itemss">
			     	<a href="" ng-click="selectPage(2)">关注</a>
			     </li>
                <li class="itemss">
                    <a href="" ng-click="selectPage(3)">男人</a>
                </li>
                <li class="itemss">
                    <a href="" ng-click="selectPage(4)">护肤</a>
                </li>
                <li class="itemss">
                    <a href="" ng-click="selectPage(5)">旅行</a>
                </li>
                <li class="itemss">
                    <a href="" ng-click="selectPage(6)">生活</a>
                </li>
                <li class="itemss">
                    <a href="" ng-click="selectPage(7)">时尚</a>
                </li>
                <li class="itemss">
                    <a href="" ng-click="selectPage(8)">彩妆</a>
                </li>
                <li class="itemss">
                    <a href="" ng-click="selectPage(9)">母婴</a>
                </li>
			</ul>
        </ion-popover-view>
	</script>
	<ion-header-bar class="bar-subheader">
        <ion-scroll class="nav-scroll" direction="x" scrollbar-x="false">
            <div class="button-bar sub_header_list sub_header_list_home">
                <a class="button button-clear button-select" ng-click="selectPage(1)">推荐</a>
                <a class="button button-clear" ng-click="selectPage(2)">关注</a>
                <a class="button button-clear" ng-click="selectPage(3)">男人</a>
                <a class="button button-clear" ng-click="selectPage(4)">护肤</a>
                <a class="button button-clear" ng-click="selectPage(5)">旅行</a>
                <a class="button button-clear" ng-click="selectPage(6)">生活</a>
                <a class="button button-clear" ng-click="selectPage(7)">时尚</a>
                <a class="button button-clear" ng-click="selectPage(8)">彩妆</a>
                <a class="button button-clear" ng-click="selectPage(9)">母婴</a>
            </div>
        </ion-scroll>
        <button class="button button-stable button-clear  icon ion-ios-arrow-down xiangxi" ng-click="showMenu($event)"></button>
    </ion-header-bar>
    <ion-content style="background-color: #F4F8F9;">
        <ion-list class="shangping-ul">
            <ion-item class="item-body kuang" ng-repeat="(i,arr) in HomeData" ng-if="i%2==0" href="#/tabs/xiangqing/{{arr.id}}">
                <img class="full-image"  src="{{arr.images_list[0].url}}">
                <h3>{{arr.name}}</h3>
                <p>{{arr.desc}}</p>
                <ion-item class="item-avatar-left">
                    <img src="{{arr.user.images}}">
                    <h3>
                        <span>{{arr.user.nickname}}</span>
                        <span class="item-note icon ion-heart"> {{arr.likes}}</span>
                    </h3>
                </ion-item>
            </ion-item>
            <div style="clear: both"></div>
        </ion-list>
        <ion-list class="shangping-ul shangping-ul2">
            <ion-item class="item-body kuang" ng-repeat="(i,arr) in HomeData" ng-if="i%2!=0" href="#/tabs/xiangqing/{{arr.id}}">
                <img class="full-image"  src="{{arr.images_list[0].url}}">
                <h3>{{arr.name}}</h3>
                <p>{{arr.desc}}</p>
                <ion-item class="item-avatar-left">
                    <img src="{{arr.user.images}}">
                    <h3>
                        <span>{{arr.user.nickname}}</span>
                        <span class="item-note icon ion-heart"> {{arr.likes}}</span>
                    </h3>
                </ion-item>
            </ion-item>
            <div style="clear: both"></div>
        </ion-list>
    </ion-content>
</ion-view>